﻿@{
    ViewBag.Title = "RadicalGradiants";
    Layout = "~/Views/Shared/_Page.cshtml";
}

<h2>Radical Gradiants</h2>


<canvas id='canvas' width='600' height='400'>
    Canvas not supported
</canvas>

<script type="text/javascript">
    var canvas = document.getElementById('canvas'),
    context = canvas.getContext('2d'),
    gradient = context.createRadialGradient(
                 canvas.width/2, canvas.height, 10,
                 canvas.width/2, 0, 100);

    gradient.addColorStop(0, 'blue');
    gradient.addColorStop(0.25, 'white');
    gradient.addColorStop(0.5, 'purple');
    gradient.addColorStop(0.75, 'red');
    gradient.addColorStop(1, 'yellow');

    context.fillStyle = gradient;
    context.rect(0, 0, canvas.width, canvas.height);
    context.fill();
</script>
